<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 layui.css -->
    <!-- <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css"> -->
    <!-- 引入 layui.js -->
    <!-- <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script> -->
    <script type="text/javascript" src="/js/JQuery/jquery-3.1.0.min.js"></script>
    <script src="/js/layui-v2.6.8/layui.js"></script>
    <link rel="stylesheet" href="/js/layui-v2.6.8/css/layui.css">
    <title>Document</title>
</head>
<body>
    <div class="box" >
        <div class="layui-card fix_header" style="position:fixed;top:0;background-color: #fff;z-index: 10;box-sizing: border-box;">
            <div class="layui-card-header" style="border: none;display: flex;justify-content: flex-end;"> <button id="updateBtn" class="layui-btn">更新设置</button> </div>
        </div>   
        <div class="setting_list" style="margin-top: 100px;">
            <div class="layui-card">
                <div class="layui-card-header">所有</div>
                <div class="layui-card-body">
                    <!-- layui-form-item 必须 跟  layui-form 联合使用不然无效-->
                    <div class="layui-form" action="" lay-filter="unusualTypeFormLayFil">
                        <div id="unusualTypeForm" class="layui-form-item">
                            <label class="layui-form-label">复选框</label>
                            <div id="unusualTypeList" class="layui-input-block">
    
                                <input type="checkbox" name="unusualType" title="火箭发射" value="8201" />
                                <input type="checkbox" name="unusualType" title="快速反弹" value="8202" />
                                <input type="checkbox" name="unusualType" title="大笔买入" value="8193" />
                                <input type="checkbox" name="unusualType" title="封涨停板" value="4" />
                                <input type="checkbox" name="unusualType" title="打开跌停板" value="32" />
                                <input type="checkbox" name="unusualType" title="有大买盘" value="64" />
                                <input type="checkbox" name="unusualType" title="竞价上涨" value="8207" />
                                <input type="checkbox" name="unusualType" title="高开5日线" value="8209" />
                                <input type="checkbox" name="unusualType" title="向上缺口" value="8211" />
                                <input type="checkbox" name="unusualType" title="60新高" value="8213" />
                                <input type="checkbox" name="unusualType" title="60日大幅上涨" value="8215" />

                                <input type="checkbox" name="unusualType" title="加速下跌" value="8204" />
                                <input type="checkbox" name="unusualType" title="高台跳水" value="8203" />
                                <input type="checkbox" name="unusualType" title="大笔卖出" value="8194" />
                                <input type="checkbox" name="unusualType" title="封跌停板" value="8" />
                                <input type="checkbox" name="unusualType" title="打开涨停板" value="16" />
                                <input type="checkbox" name="unusualType" title="有大卖盘" value="128" />
                                <input type="checkbox" name="unusualType" title="竞价下跌" value="8208" />
                                <input type="checkbox" name="unusualType" title="低开5日线" value="8210" />
                                <input type="checkbox" name="unusualType" title="向下缺口" value="8212" />
                                <input type="checkbox" name="unusualType" title="60新低" value="8214" />
                                <input type="checkbox" name="unusualType" title="60日大幅下跌" value="8216" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">订阅</div>
                <div class="layui-card-body">
                    <div id="subscribeForm" class="layui-form" action=""  lay-filter="subscribeFormLayFil">
                        <div class="layui-form-item">
                            <label class="layui-form-label">继承所有中的类型筛选</label>
                            <div class="layui-input-block">
                                <input type="radio" name="inheritAllfil" value="1" title="是">
                                <input type="radio" name="inheritAllfil" value="0" title="否" >
                                <!-- 东财 -->
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">20日最大涨幅(不超过)</label>
                            <div class="layui-input-block">
                                <input type="text" name="maxRise20Days" type="number" required  lay-verify="required" placeholder="请输入20日最大涨幅限制" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">20日最低价格(不低过)</label>
                            <div class="layui-input-block">
                                <input type="text" name="LPrice20Days" type="number" required  lay-verify="required" placeholder="请输入20日最低价格限制" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">20日最高价格(不超过)</label>
                            <div class="layui-input-block">
                                <input type="text" name="HPrice20Days" type="number" required  lay-verify="required" placeholder="请输入20日最高价格限制" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">详情</div>
                <div class="layui-card-body">
                    <div class="layui-form" action="" lay-filter="unusualDetailFormLayFil">
                        <div id="detailSetting" class="layui-form-item">
                            <label class="layui-form-label">查看平台</label>
                            <div class="layui-input-block">
                                <input type="radio" name="stockPlatform" value="xueqiu" title="雪球">
                                <input type="radio" name="stockPlatform" value="dongcai" title="东方财富" >
                                <!-- 东财 -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">关注</div>
                <div class="layui-card-body">
                    <div class="layui-form layui-row" style="display: flex;" action=""  lay-filter="focusFormLayFil">
                        <input type="text" name="index" class="layui-input" style="width:0;height:0">
                        <div class="layui-form-item layui-col-md4">
                            <label class="layui-form-label"> 类型 </label>
                            <div class="layui-input-block">
                              <select name="focusType" lay-verify="required">
                                <option value="1" selected> 持仓 </option>
                                <option value="2"> 自选 </option>
                              </select>
                            </div>
                          </div>
                        <div class="layui-form-item layui-col-md4">
                            <label class="layui-form-label">代码</label>
                            <div class="layui-input-block">
                                <input type="text" name="stockCode" required  lay-verify="required" placeholder="请输入股票代码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item layui-col-md4">
                            <label class="layui-form-label">名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="stockName" required  lay-verify="required" placeholder="请输入股票名称" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item layui-col-md4">
                            <div class="layui-input-block">
                                <button id="focusFormSubmit" class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
                                <!-- <button id="focusFormReset" type="reset" class="layui-btn layui-btn-primary">重置</button> -->
                                <button id="focusFormReset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </div>
                    <!-- layui-form-item 必须 跟  layui-form 联合使用不然无效-->
                    <table id="demo" lay-filter="test"></table>
                </div>
            </div>
        </div>
    </div>
    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
        
        <!-- 这里同样支持 laytpl 语法，如： -->
        {{#  if(d.auth > 2){ }}
          <a class="layui-btn layui-btn-xs" lay-event="check">审核</a>
        {{#  } }}
      </script>
</body>
<script type="text/javascript" src="../js/enum.js"></script>
<script src="/page_script/options/index.js"></script>
<style>
 body{
    background-color: #f4f5f5;
 }
 .fix_header{
    width: calc(100% - 32px);
    max-width: calc(1480px - 32px );
    margin:0 auto;
}
.box{
    margin:0 auto;
    padding: 16px;
    min-height: 100vh;
    max-width: 1480px ;
    box-sizing: border-box;
}
.layui-card{
    margin-bottom: 16px;
    background-color: #fff;
    padding: 16px;
}
.layui-card-header{
    font-size: 18px;
    font-weight: bold;
    padding: 8px 8px 0px;
    border-bottom: 2px solid #409eff;
    margin-bottom: 4px;
}
</style>
</html>